/*每页的css样式*/
/*遮蔽层css*/
#cover_Layer p{
    position:absolute;
    width:100%;
    height:10%;
    top:10%;
    left:0px;
    font-size: 2em;
    text-align: center;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#F5DEB3;
}
#cover_Layer_Wuping_btn1{
    position: absolute;
    width:12%;
    height:7%;
    top:22%;
    left:8%;
    background-size: 100% 100%;
}
#cover_Layer_Wuping_btn2{
    position: absolute;
    width:12%;
    height:7%;
    top:32%;
    left:8%;
    background-size: 100% 100%;
}
#cover_Layer_Wuping_btn3{
    position: absolute;
    width:12%;
    height:7%;
    top:42%;
    left:8%;
    background-size: 100% 100%;
}
#cover_Layer_Wuping_btn4{
    position: absolute;
    width:12%;
    height:7%;
    top:52%;
    left:8%;
    background-size: 100% 100%;
}
#cover_Layer_Wuping_btn5{
    position: absolute;
    width:12%;
    height:7%;
    top:62%;
    left:8%;
    background-size: 100% 100%;
}

#cover_Layer_Wuping_div1{
    position: absolute;
    width:65%;
    height:70%;
    top:22%;
    left:20%;
    overflow: auto;
}
#cover_Layer_Wuping_div2{
    position: absolute;
    width:65%;
    height:70%;
    top:22%;
    left:20%;
    overflow: auto;
}
#cover_Layer_Wuping_div3{
    position: absolute;
    width:65%;
    height:70%;
    top:22%;
    left:20%;
    overflow: auto;
}
#cover_Layer_Wuping_div4{
    position: absolute;
    width:65%;
    height:70%;
    top:22%;
    left:20%;
    overflow: auto;
}
#cover_Layer_Wuping_div5{
    position: absolute;
    width:65%;
    height:70%;
    top:22%;
    left:20%;
    overflow: auto;
}
#cover_Layer_riji{
    position: absolute;
    width:65%;
    height:60%;
    top:22%;
    left:22%;
    overflow: auto;
}
#cover_Layer_riji p{
    margin:0;
    padding: 0;
    width:80%;
}
/*底部的实现css*/
#mainFrame_Talk{
    position: absolute;
    bottom: 0px;
    width:75%;
    height:20%;
    padding: 5%;
    margin: 0px;
    background-image: url(../images/border/talking.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#mainFrame_Talk_word{
    width:85%;
    height:85%;
    margin: 7%;
    font-size: 2em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FFD39B;
}

#mainFrame_Talk_btn1{
    width:17%;
    height:26%;
    bottom: 0px;
    right: 0px;
    position: absolute;
    background-size: 100% 100%;
    z-index: 2;
}
#mainFrame_Talk_btn2{
    width:13%;
    height:18%;
    bottom: 0px;
    right:13%;
    position: absolute;
    background-size: 100% 100%;
}
#mainFrame_Talk_btn3{
    width:13%;
    height:18%;
    bottom: 17%;
    right:11%;
    position: absolute;
    background-size: 100% 100%;
}
#mainFrame_Talk_btn4{
    width:13%;
    height:18%;
    right:-1%;
    bottom: 23%;
    position: absolute;
    background-size: 100% 100%;
}
/*主界面的css样式*/
#main_Talk_btn1{
    width:12%;
    height:21%;
    bottom: 0px;
    right: 0px;
    position: absolute;
    background-size: 100% 100%;
    z-index: 2;
}
#main_Talk_btn2{
    width:8%;
    height:13%;
    bottom: 0px;
    right:10%;
    position: absolute;
    background-size: 100% 100%;
}
#main_Talk_btn3{
    width:8%;
    height:13%;
    bottom: 15%;
    right:8%;
    position: absolute;
    background-size: 100% 100%;
}
#main_Talk_btn4{
    width:8%;
    height:13%;
    right:-1%;
    bottom: 20%;
    position: absolute;
    background-size: 100% 100%;
}
/*cover*/
#cover{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: none;
    z-index: 10;
}
#cover_Layer{
    width:80%;
    height:90%;
    margin-top:5%;
    margin-left:10%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
#cover_Layer_closeBtn{
    position: absolute;
    top:15%;
    right:10%;
    width:10%;
    height:15%;
    background-size: 100% 100%;
    z-index: 2;
}
/*cover2*/
#cover2{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: none;
    z-index: 3;
}
/*cover3*/
#cover3{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: none;
    z-index: 16;
}

#cover3_Layer{
    margin-top: 5%;
    margin-left: 10%;
    width:80%;
    height:90%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
#cover3_Layer_1{
    position: absolute;
    top:30%;
    left:35%;
    width:25%;
    height:25%;
    background-size: 100% 100%;
}
#cover3_Layer_2{
   position: absolute;
    top:70%;
    left:20%;
    width:20%;
    height:15%;
    background-size: 100% 100%;
}
#cover3_Layer_3{
    position: absolute;
    top:70%;
    left:55%;
    width:20%;
    height:15%;
    background-size: 100% 100%;
}
#cover3_Layer_4{
    position: absolute;
    top:15%;
    left:75%;
}
#cover3_Layer_5{
    position: absolute;
    top:0px;
    left:0px;
    display: none;
    width:100%;
    height:100%;
    z-index: 20;
}
#cover3_Layer_5_1{
    position: absolute;
    top:40%;
    left:65%;
}
#cover3_Layer_5_2{
    position: absolute;
    top:52%;
    left:35%;
    font-size: 2em;
    font-weight: bold;
}
#cover3_Layer_5_3{
    margin-top:20%;
    margin-left:30%;
    width:40%;
    height:30%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
/*cover4*/
#cover4{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display: none;
    z-index: 16;
    background-image: url(../images/bg/shop_layer.jpg);
    background-size: 100% 100%;
}

#cover4_Layer{
    margin-top: 10%;
    margin-left: 20%;
    width:70%;
    height:65%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
#cover4_close{
    position: absolute;
    top:5%;
    left:80%;
    width:15%;
    height:15%;
    background-size: 100% 100%;
}
#cover4_baiying{
    position: absolute;
    bottom: 8%;
    right:22%;
    font-size: 1.5em;
    font-weight:bold;
}
#cover4_huangjing{
    position: absolute;
    bottom: 8%;
    right:8%;
    font-size: 1.5em;
    font-weight:bold;
}
.cover4_shop{
    margin-top:3%;
    margin-left: 10%;
}
#cover4_Layer_1{
    position: absolute;
    top:25%;
    left:20%;
    width:67%;
    height:50%;
    overflow: auto;
}

#cover4_Layer_2{
   position: absolute;
   display: none;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
#cover4_Layer_2_1{
   position: absolute;
    top:28%;
    left:30%;
    width:50%;
    height:45%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
#cover4_Layer_2_2{
   position: absolute;
    top:55%;
    left:33%;
    width:15%;
    height:10%;
    background-size: 100% 100%;
}
#cover4_Layer_2_3{
   position: absolute;
    top:55%;
    left:59%;
    width:15%;
    height:10%;
    background-size: 100% 100%;
}
#cover4_Layer_2_4{
   position: absolute;
    top:25%;
    left:70%;
    width:15%;
    height:15%;
    background-size: 100% 100%;
}

#cover4_Layer_2_5{
   position: absolute;
    top:33%;
    left:48%;
    width:15%;
    height:15%;
    background-size: 100% 100%;
}
#cover4_Layer_2_6{
   position: absolute;
    top:52%;
    left:47%;
    font-weight: bold;
}

#cover4_Layer_3{
    position: absolute;
    display: none;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background-size: 100% 100%;
}

#cover4_Layer_3_1{
    position: absolute;
    top:20%;
    left:75%;
    z-index:5;
}
#cover4_Layer_3_2{
    position: absolute;
    top:42%;
    left:40%;
    font-size: 3em;
    font-weight: bold;
    z-index:5;
}
#cover4_Layer_3_3{
    position: absolute;
    top:25%;
    left:25%;
    width:60%;
    height:50%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
#cover4_Layer_3_4{
    position: absolute;
    top:45%;
    left:35%;
}

/*cover5*/
#cover5{
    position: absolute;
    display: none;
    bottom: 0px;
    width:100%;
    height:45%;
    background-size: 100% 100%;
}
#cover5_1{
    position: absolute;
    height:100%;
    width:100%;
    background-image: url(../images/border/speaking.png);
    background-size: 100% 100%;
}
#cover5_2{
    position: absolute;
    top:18%;
    left:0%;
    height:80%;
    width:25%;
    background-size: 100% 100%;
}
#cover5_3{
    position: absolute;
    font-weight: bold;
    font-size: 2em;
    bottom:8%;
    left:28%;
    width:60%;
    height:60%;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FFD39B;
}
#cover5_4{
    position: absolute;
    right:16%;
    bottom: 83%;
    width:12%;
    height:12%;
}
/*cover6*/
#cover6{
    display: none;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:50;
    background-size: 100% 100%;
}
#cover6_1{
    position: absolute;
    top:20%;
    left:20%;
    width:60%;
    height:60%;
    background-image: url(../images/border/layer_bg.png);
    background-size: 100% 100%;
}
#cover6_1_1{
    position: absolute;
    top:15%;
    left:40%;
    width:60%;
    height:60%;
    background-size: 100% 100%;
}
#cover6_1_2{
    position: absolute;
    top:35%;
    left:20%;
    width:60%;
    height:20%;
    background-size: 100% 100%;
}
#cover6_1_3{
    position: absolute;
    top:65%;
    left:20%;
    width:60%;
    height:20%;
    background-size: 100% 100%;
}
#cover6_1_4{
    position: absolute;
    display: none;
    top:20%;
    left:20%;
    width:60%;
    height:70%;
    background-size: 100% 100%;
}
/*cover6*/
/*cover*/
#cover_Layer_2{
    width:80%;
    height:90%;
    margin-top:5%;
    margin-left:10%;
    background-image: url(../images/bg/shuxingjiemian.png);
    background-size: 100% 100%;
}

#cover_Layer_3{
    position: absolute;
    top:41%;
    left:27%;
    width:59%;
    height:45%;
    background-image: url(../images/border/shuxing_bg.png);
    background-size: 100% 100%;
}
/*每个属性的div的Css*/
#cover_Layer_3_0{
    position: absolute;
    top:21%;
    left:25%;
    font-weight: bold;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_1{
    position: absolute;
    top:41%;
    left:25%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_2{
    position: absolute;
    top:61%;
    left:25%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_3{
    position: absolute;
    top:81%;
    left:25%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_4{
    position: absolute;
    top:21%;
    left:57%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_5{
    position: absolute;
    top:41%;
    left:57%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_6{
    position: absolute;
    top:61%;
    left:57%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_7{
    position: absolute;
    top:21%;
    left:90%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_8{
    position: absolute;
    top:41%;
    left:90%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}
#cover_Layer_3_9{
    position: absolute;
    top:61%;
    left:90%;
    font-size: 1.5em;
    -webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    -moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
    text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   
    *filter: Glow(Color=#000, Strength=1);  
    color:#FCFCFC;
}


#cover_Layer_4{
    position: absolute;
    top:41%;
    left:27%;
    width:59%;
    height:45%;
    background-image: url(../images/border/zhuangbei_bg.png);
    background-size: 100% 100%;
}
#cover_Layer_4_1{
    margin-top:8%;
    margin-left: 8%;
    background-size: 100% 100%;
}
#cover_Layer_4_2{
    margin-top:8%;
    margin-left: 5%;
    background-size: 100% 100%;
}
#cover_Layer_4_3{
    margin-top:8%;
    margin-left: 5%;
    background-size: 100% 100%;
}
#cover_Layer_4_4{
    margin-top:8%;
    margin-left: 5%;
    background-size: 100% 100%;
}

#cover_Layer_closeBtn_2{
    position: absolute;
    top:5%;
    right:8%;
    width:10%;
    height:15%;
    background-size: 100% 100%;
    z-index: 2;
}

#cover_Layer_shuxing{
    position: absolute;
    top:15%;
    left:35%;
    width:10%;
    height:20%;
    background-size: 100% 100%;
    z-index: 2;
}

#cover_Layer_zhuangbei{
    position: absolute;
    top:21%;
    left:44%;
    width:10%;
    height:20%;
    background-size: 100% 100%;
    z-index: 2;
}